.content {
    margin-bottom: 10px;
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.game-box {
    /* border: 1px solid #eee; */
    border-top: 0;
    background-color: #e8e8e8;
    margin-top: 10px;
}

.gamebox-title ul {
    display: flex;
    justify-content: space-between;
}

.gamebox-title {
    background: #fafafa;
}

body .content .gamebox-title ul li:last-child {
    color: #333;
}

body .content .gamebox-title ul li:last-child:hover {
    color: #ff6600;
}

body .content .gamebox-title ul {
    width: 1000px;
    height: 35px;
    margin: 0 auto;
    position: relative;
}

body .content .gamebox-title ul li:first-child {
    background-color: #fff;
    margin-top: 1px;
    position: absolute;
    font-weight: 700;
    border-top: 2px solid #ff6600;
    border-right: 1px solid #e8e8e8;
    border-bottom: none;
}

body .content .gamebox-title ul li:last-child {
    background-color: #fff;
    margin-top: 1px;
    position: absolute;
    right: 3px;

}

.gamebox-title ul li {
    width: 127px;
    height: 33px;
    color: #ff6600;
    line-height: 33px;
    font-size: 14px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.gamebox-big {
    border: 1px solid #eee;
    /* margin-top: 10px; */
    width: 998px;
    height: 164px;
}

.gamebox-big ul {
    padding-left: 10px;

    margin-top: 10px;
    box-sizing: border-box;
}

.gamebox-big ul li {
    float: left;
    margin: 10px 0 10px;
}

.gamebox-big ul li span {
    margin-top: -3px;
    position: absolute;
}

.gamebox-big ul li a {
    float: left;
    color: #000000;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
}

.gamebox-big ul li a:hover {
    color: #ff0000;
}

.column-box {
    width: 660px;
}

.cf {
    width: 680px;
}

.column-box .loop1 {
    height: 310px;
    width: 670px;
    border: 1px solid #eee;
    position: absolute;
}

.loop-area img {
    width: 660px;
    height: 286px;
    position: absolute;
}

.column-box .receiveaward-bottom {
    height: 415px;
    width: 680px;
    position: absolute;
    margin-top: 400px;
    display: flex;
    justify-content: space-around;

}

.column-box .receiveaward {
    height: 415px;
    width: 680px;
    z-index: 1000;
    position: absolute;
    margin-top: 310px;
    display: flex;
    justify-content: space-around;

}

.column-box .receiveaward .receleft div h3 a {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding-left: 20px;
}

.loop-area .item {
    display: none;
}

.boxx {
    width: 1000px;
    /* height: 1300px; */
    position: relative;
}

.column {
    width: 308px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
}

.column .rank-t h3 a {
    color: #000;
    font-size: 14px;
    padding-left: 10px;
}

.rank-list {
    width: 310px;
    display: block;
}

.table {
    margin: 5.5px 0;
}

.table ul li {
    width: 310px;
    /* height: 20px; */
    vertical-align: middle;
    padding: 4px 0;
    display: flex;
    justify-content: space-around;
}

.table ul li a {
    font-size: 14px;
}

.table ul li a:first-child {
    width: 119px;
    padding-left: 13px;
}

.table ul li a:nth-child(2) {
    width: 104px;
    text-align: center;

}

.table ul li span {
    width: 43px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0 20px;
    text-align: center;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -140px;
}

.column .rank-t {
    background: url(../img/title.png) repeat-x;
    height: 31px;
    border-bottom: 1px solid #eeeeee;
}

.column-right {
    width: 310px;
    height: 1067px;
    float: right;
    top: -10px;
    position: absolute;
    right: 0;
}

.column .rank-list .list-ul {
    float: left;
    width: 308px;
    margin: 5px 0;
    display: flex;
    justify-content: space-around;
}

.rank-list {
    margin-bottom: 10px;
}

.column .rank-list .list-ul li {
    float: left;
    background: #f4f4f4;
    line-height: 26px;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.column .rank-list .list-ul li:first-child {
    width: 105px;
    padding-left: 13px;
}

.column .rank-list .list-ul li:nth-child(2) {
    width: 103px;
    text-align: center;

}

.column .rank-list .list-ul li:nth-child(3) {
    width: 80px;
    text-align: center;

}

.loop-area .active {

    display: block;
}

.loop-bottom {
    width: 660px;
    height: 70px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 10px;
    left: 5px;
    overflow: hidden;
    /* position: relative; */
    /* display: flex;
    justify-content: space-between; */
}

.loop-bottom .text1 {
    /* width: 290px; */
    float: left;
    font-size: 13px;
    color: #fff;
    line-height: 29px;
    padding-left: 20px;
    height: 50px;
    overflow: hidden;
    margin-top: 8.5px;
    /* font-family: \5FAE\8F6F\96C5\9ED1; */
    /* display: table; */
}

.loop-bottom .text1 div {
    position: absolute;
}

.loop-bottom .text1 div h2 a {
    /* position: absolute; */
    color: #fff;
    font-size: 17px;
}

.loop-bottom ul {
    height: 50px;
    width: 382px;
    /* top: -50px; */
    right: -4px;
    margin-top: 10px;
    position: relative;
    float: right;
}

.text1 .t1 {
    display: none;
}

.text1 .active {
    display: block;
}

.loop-bottom ul .t2 {
    width: 86px;
    height: 56px;
    float: left;
    margin-left: 8px;
    cursor: pointer;
}

.loop-bottom ul li img {
    width: 80px;
    border: 3px solid #ffe600;
    /* border: none; */
    top: 0px;
    height: 50px;
    position: absolute;
    z-index: 1000;
}

.show-wrap {
    border: none;
    /* border: 3px solid rgba(0, 0, 0, 0.5); */
    /* opacity: 0; */
}

/*  */
.rank-lu {
    padding: 2px 0px 6px;
    width: 218px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    background: #fff;
}

.rank-clu {
    padding: 2px 0px 6px;
    width: 218px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    background: #fff;
}

.column-box {
    height: 1120px;
    margin-top: 20px;
}

.loop-area {
    margin: 10px 5px;
}

.rank-rlu {
    padding: 2px 0px 6px;
    width: 218px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    background: #fff;
}

.picture-block img {
    width: 60px;
    height: 60px;
}

.picture-block {
    height: 17px;
    width: 100%;
    display: block;
    display: none;
    position: relative;
}

/* li div{
    display: block;
} */
.picture-none {
    float: left;
    /* display: none; */
}


.receright div h3 a {
    font-size: 14px;
    padding-left: 20px;
    font-weight: 700;
    color: #000;
}

.rececontent div h3 a {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.receleft {
    width: 218px;
    height: 386px;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-right: 10px;
}

.rank-l {
    background: url(../img/title.png) repeat-x;
    height: 31px;
    border-bottom: 1px solid #eee;
}

.rank-c {
    background: url(../img/title.png) repeat-x;
    height: 31px;
    border-bottom: 1px solid #eeeeee;
}

.rank-r {
    background: url(../img/title.png) repeat-x;
    height: 31px;
    border-bottom: 1px solid #eee;
}

.rececontent {
    width: 218px;
    height: 386px;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-right: 10px;
}

.receright {
    width: 218px;
    height: 386px;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-right: 10px;
}

.activeli {
    display: block;
}

.none {
    display: none;
}

li .picture-block span {
    margin-top: 22px;
    color: #333;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 11px;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
    /* display: inline-block; */
    float: left;
    margin-left: 10px;
}
 li .picture-block span {
    margin-top: 22px;
    color: #333;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 11px;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
    /* display: inline-block; */
    float: left;
    margin-left: 10px;
}


 li:nth-child(1) .picture-block span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}
 li:nth-child(2) .picture-block span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}
 li:nth-child(3) .picture-block span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}
 li .picture-block span {
    margin-top: 22px;
    color: #333;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 11px;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -215px;
    /* display: inline-block; */
    float: left;
    margin-left: 10px;
}
.picture-block img {
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 8px;
}

.picture-block a {
    width: 105px;
    float: left;
    font-size: 13px;
    color: #000;
    margin-left: 8px;
}

.picture-block i {
    background: url(../img/ico.png) no-repeat;
    /* _background: url(../images/ico.gif) no-repeat; */
    background-position: 0 -86px;
    width: 43px;
    font-size: 12px;
    height: 20px;
    position: absolute;
    top: 40px;
    right: 75px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}


.rank-lu li {
    line-height: 17px;
    padding: 6px 0;
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ccc;
}

.rank-clu li {
    line-height: 17px;
    padding: 6px 0;
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ccc;
}

.rank-rlu li {
    line-height: 17px;
    padding: 6px 0;
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ccc;
}

.picture-none span {
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 11px;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -215px;
    /* display: inline-block; */
    float: left;
    margin-left: 10px;
}

.picture-none a {
    width: 155px;
    height: 17px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    margin-left: 10px;
}

.rank-lu li:nth-child(1) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-clu li:nth-child(1) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-rlu li:nth-child(1) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-lu li:nth-child(2) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-clu li:nth-child(2) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-rlu li:nth-child(2) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-lu li:nth-child(3) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-clu li:nth-child(3) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.rank-rlu li:nth-child(3) .picture-none span {
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -191px;
}

.receiveaward-bottom .rank-lu li .picture-none i {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../img/ico.png) no-repeat;
    background-position: 0 -289px;
    /* display: inline-block; */
    margin-right: 10px;
}

.rank-lu li .picture-none i {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../img/ico.png) no-repeat;
    /* _background: url(../img/ico.gif) no-repeat; */
    background-position: 0 -264px;
    /* display: inline-block; */
    margin-right: 10px;
}

.rank-clu li .picture-none i {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../img/ico.png) no-repeat;
    /* _background: url(../img/ico.gif) no-repeat; */
    background-position: 0 -264px;
    /* display: inline-block; */
    margin-right: 10px;
}

.rank-rlu li .picture-none i {
    width: 17px;
    height: 17px;
    float: right;
    background: url(../img/ico.png) no-repeat;
    /* _background: url(../img/ico.gif) no-repeat; */
    background-position: 0 -264px;
    /* display: inline-block; */
    margin-right: 10px;
}

.fa-box {
    width: 678px;
    border: 1px solid #eee;
    margin: 10px 0;

    background: #fff;
}

.fa-box p {
    font-size: 12px;
    /* letter-spacing:3px; */
    padding-left: 15px;
    line-height: 26px;
    color: #333;

}

.conyou {
    width: 1000px;
    margin: 0 auto;
    border: 1px solid #eee;
}

.conyou p {

    padding: 15px 13px 8px;

}

.conyou p a {
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0 8px;
}

.conyou p a:hover {
    color: #ff6600;
}

h5 {
    background: url(../img/title.png) repeat-x;
    height: 31px;
    line-height: 31px;
    padding-left: 40px;
    border-bottom: 1px solid #ededed;
}


/* 播报 */
.table-bobao ul li {
    width: 275px;
    margin: 0 auto;
    padding: 14px 5px;
    /* _padding: 12px 5px; */
    border-bottom: 1px dotted #ededed;
    position: relative;
    line-height: 12px;
}

.table-bobao ul {
    height: 567px;
}

.table-bobao ul li .bobaofirst {
    display: inline-block;
    width: 275px;
}

.table-bobao ul li .bobaofirst p {
    float: left;
    font-size: 14px;
}

.table-bobao ul li .bobaofirst p span {
    font-size: 14px;
    color: #ccc;
}

.column:nth-child(3) {
    height: 598px;

}

.table-bobao ul li .bobaofirst>span {
    font-size: 14px;
    color: #ccc;
    float: right;
}

.table-bobao ul li .bobaosecond {
    display: inline-block;
    margin-top: 10px;
    width: 275px;

}

.table-bobao ul li .bobaosecond a:first-child {
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
}

.table-bobao ul li .bobaosecond a:last-child {
    color: #000;
    font-size: 14px;
    display: block;
    float: right;
    width: 49px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(../img/ico.png) no-repeat;
    /* _background: url(../images/ico.gif) no-repeat; */
    background-position: 0 -530px;
}